<template>
	<div class="footer">
		<div class="left">
			<span><i class="el-icon-star-on"></i>99</span>
		</div>
		<div class="right">
			<span>分享:</span>
			<i class="el-icon-video-camera-solid"></i>
			<i class="el-icon-upload"></i>
			<i class="el-icon-message-solid"></i>
			<i class="el-icon-s-promotion"></i>
		</div>
	</div>
</template>

<script>
    export default {
        name: "FooterOfChapter"
    }
</script>

<style scoped>
	.footer {
		display: flex;
		justify-content: space-between;
		font-size: .15rem;
	}
	.footer {
		padding-bottom: .1rem;
	}
	i {
		font-size: .2rem;
		cursor: pointer;
	}
	.left span {
		cursor: pointer;
	}
	.left span:hover {
		color: #23b6d4;
	}
	.left i{
		margin-right: .05rem;
	}
	.right i {
		margin-left: .1rem;
	}
	.right i:hover {
		color: #23b6d4;
	}
</style>
